<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!--Import Google Icon Font-->
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <!--<link type="text/css" rel="stylesheet" href="materialize/css/materialize.min.css"  media="screen,projection"/>-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
    <title>公司简介</title>
    <style>
        .nav-left{
            padding-left: 82px;
        }
        nav{
            position: fixed;
            top: 0px;
            z-index: 10;
        }
        #logo{
            padding-left: 18px;
        }
        #sidenav-overlay{
            z-index: 0;
        }
    </style>
</head>
<body>
<nav>
    <div class="nav-wrapper blue">
        <a href="#" class="brand-logo" id="logo">呜呼</a>
        <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
        <ul class="hide-on-med-and-down " style="margin-left: 82px">
            <li><a href="/toIndex">首页</a></li>
            <li><a href="#">发现</a></li>
            <li><a href="#">话题</a></li>
            <li><a href="/toWriteQuestion">提问</a></li>
        </ul>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
            <li><a href="/toContact"><i class="material-icons">chat_bubble_outline</i></a></li>
            <li><a href="/toPersonalCenter"><i class="material-icons">perm_identity</i></a></li>
            <li><a href="#"><i class="material-icons">more_vert</i></a></li>
        </ul>
        <ul class="side-nav" id="mobile-demo" style="z-index: 10000">
            <li><a href="/toIndex">首页</a></li>
            <li><a href="#">发现</a></li>
            <li><a href="#">话题</a></li>
            <li><a href="/toWriteQuestion">提问</a></li>
            <li><a href="/toContact">联系人</a></li>
            <li><a href="/toPersonalCenter">个人中心</a></li>
            <li><a href="#">设置</a></li>
        </ul>
    </div>
</nav>
<div class="parallax-container">
    <div class="parallax"><img src="../../img/main2.jpg"></div>
</div>

<div class="section" style="background-color: #00b8d4">
    <div class="row container">
        <h2 class="header white-text">公司简介</h2>
        <p class="white-text text-darken-3 lighten-3">呜呼是一家由城院某两名大三学生创办的一家唯一能和知乎抗衡的问答中心...</p>
    </div>
    <div class="row container">
        <h4 class="light white-text"></h4>
        <pre class=" language-markup">
            ></pre>
    </div>
</div>

<div class="parallax-container">
    <div class="parallax"><img src="../../img/main2.jpg"></div>
</div>

<footer class="page-footer blue-grey" style="margin-top: 0px;">
    <div class="container">
        <div class="row">
            <div class="col l4 s12">
                <h5 class="white-text">相关网站</h5>
                <ul>
                    <li><a class="white-text" target="_blank" href="http://www.okgoes.com">完美呼呼</a></li>
                    <li><a class="white-text" target="_blank" href="http://note.okgoes.com/">哈呼笔记</a></li>
                    <li><a class="white-text" target="_blank" href="http://vuematerial.materializecss.cn/">呜呼中文</a></li>
                    <li><a class="white-text" target="_blank" href="http://blog.okgoes.com/">哈呼博客</a></li>
                    <li><a class="white-text" target="_blank" href="http://forum.okgoes.com/forum.php">呜呼论坛</a></li>
                </ul>
            </div>
            <div class="col l4 s12">
                <h5 class="white-text">学习交流</h5>
                <p class="grey-text text-lighten-4">我们为此开发了一个关于呜呼使用学习的论坛，你可以在这个论坛分享你的学习经验，同时得到我们的技术帮助。</p>
                <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=a483a26b5f09e710a058154e816b89366870562955be319050b7d096ffe0f9c2"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="呜呼学习交流" title="呜呼学习交流"></a>
                <br>
                <a class="btn waves-effect waves-light red lighten-3" target="_blank" href="http://c.materializecss.cn/">呜呼问答交流社区</a>
            </div>
            <div class="col l4 s12" style="overflow: hidden;">
                <h5 class="white-text">联系我们</h5>
                <br>
                <a href="mailto:947623122@qq.com" class="twitter-follow-button" data-show-count="true" data-size="large" data-dnt="true">邮箱：947623122@qq.com</a>
                <br>
                <div><h5 class="white-text">网站信息</h5></div>
                <div><a class="white-text" href="http://www.miitbeian.gov.cn/">......</a></div>
                <div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/108619793845925798422" data-rel="publisher"></div>
            </div>
        </div>
    </div>
    <div class="footer-copyright">
        <div class="container">
            © 2017-2018 WUHU, All rights reserved.
            <a class="grey-text text-lighten-4 right" href="https://github.com/Dogfalo/materialize/blob/master/LICENSE">MIT License</a>
        </div>
    </div>
</footer>

<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<!--<script type="text/javascript" src="materialize/js/materialize.min.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<script>

    $(document).ready(function(){
        $('.parallax').parallax();
        $("#sidenav").sideNav();
        $(".button-collapse").sideNav({draggable: true});
        $("#leftnavbar").on("click",function () {
            $('.button-collapse').sideNav('hide');
        });
    });
</script>
</body>
</html>